
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <include file="public@head"/>
</head>
<body>
  <include file='public@header'/>
<!--banner-->
<div class="banner">
  <div class="swiper-container bannerCont">
    <ul class="swiper-wrapper">
      <!----在后台频道管理中添加一个banner频道---->
      <volist name='banner' id='banner'>
      <li class="swiper-slide">
        <img src="{:cmf_get_image_preview_url($banner.image)}" alt="">
      </li>
      </volist>
    </ul>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
</div>
<!--banner-->
<!--container-->
<div class="container">
  <!--product-->
  <div class="product">
    <div class="title">
      <h3>产品分类</h3>
      <h4>为专业解决建筑材料而研发</h4>
      <p>PRODUCT CATEGORIES</p>
    </div>
    <div class="productTab">
      <ul class="productTabList">
        <!--0代表所有-->
        <volist name='product_category_list' id='item' >
        <li class="productTabItem productTabItemDefault">{$item.name}</li>
        </volist>
      </ul>
    </div>

    <div class="productListContent">

      <ul class="productList">
        <volist name="product_recommend_list" id="pro" offset="0" length="8">
        <li class="productItem">
          <a href="/productdetail/{$pro.id}">
            <img src="{:cmf_get_image_preview_url($pro.more.thumbnail)}" alt="">
            <div class="productItemText">
              <p> {$pro.post_title}</p>
              <span>产品订购热线：{$site_info.site_mobile}</span>
            </div>
          </a>
        </li>
        </volist>
      </ul>


      <a class="productMoreBtn" href="/product_list.aspx?category_id=0">点击查看更多</a>
    </div>
  </div>
  <!--product-->
  <!--case-->
  <div class="case">
    <div class="title">
      <h3>工程案例</h3>
      <p>PROJECT CASE</p>
    </div>
    <div class="swiper-container caseSwiper">
      <ul class="swiper-wrapper">
        <volist name="case_recommend_list" id="case" length='6'>
        <li class="swiper-slide">
          <a href="/caseDetail/{$case.id}">
            <img src="{:cmf_get_image_preview_url($case.more.thumbnail)}" alt="">
          </a>

        </li>
        </volist>
      </ul>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
    <h4>详细了解我们，欢迎来公司考察参观，合作热线：{$site_info.site_mobile} </h4>
  </div>
  <!--case-->

  <!--about-->
  <div class=" youshi">
    <!--<div class="title">
      <h3>郑重声明</h3>
      <p>SOLEMNLY DECLARE</p>
    </div>-->

    <div class="ys">
      <div class="container">
        <div class="ys_title wow fadeInUp">
          <div class="ys_p">为什么选择我们</div>
          <div class="ys_sp">只有你想不到，没有我们做不到</div>
        </div>
        <div class="ys_spp wow fadeInUp">Only you can't think of it. Without it, we can't</div>
        <ul class="ys_ul">
          <li>
            <div class="ys_L wow fadeInLeftBig">
              <div class="ys_B">
                <div class="ys_titleB">
                  <div class="ys_sub">1</div>
                  <div class="ys_pp">公司深耕特种建材行业10余年</div>
                  <!--<div class="ys_pps">Advanced equipment to ensure quality</div>-->
                </div>
                <div class="ys_txt">工厂直接供货，库存充足，出货速度快， 多年沉淀，快速批量供应，需求响应及时，采购、生产、仓储、运输各环节层层把关。</div>
              </div>
              <div class="ys_B">
                <div class="ys_titleB">
                  <div class="ys_sub">2</div>
                  <div class="ys_pp">研发实力强大，质量检测严格</div>
                  <!--<div class="ys_pps">customized processing saves time and effort</div>-->
                </div>
                <div class="ys_txt">有专业的研发团队和先进的生产设备，专业的质量检测实验室，确保产品质量，多年生产经验及技术积累，品质更可靠。</div>
              </div>
            </div>
            <div class="ys_R wow fadeInRightBig">
              <img class="img-responsive" src="__INDEX__/images/ys_img1.jpg" />
            </div>
          </li>
          <li>
            <div class="ys_L wow fadeInLeftBig">
              <div class="ys_B">
                <div class="ys_titleB">
                  <div class="ys_sub">3</div>
                  <div class="ys_pp">资深技术1对1指导，售后完善</div>
                  <!--<div class="ys_pps">FOCUS ON ALUMINUM SHEET, QUALITY ASSURANCE</div>-->
                </div>
                <div class="ys_txt">·  全国上千家施工案例，制定方案更有依据，现场指导材料使用，省时省力，省钱省心，确定材料，科学配比，节约工程施工时间。
                </div>
              </div>
              <div class="ys_B">
                <div class="ys_titleB">
                  <div class="ys_sub">4</div>
                  <div class="ys_pp">专注特种建材行业，业内口碑好</div>
                  <!--<div class="ys_pps">PERFECT AFTER SALES SERVICE</div>-->
                </div>
                <div class="ys_txt">进货先拿样，安全有保障,免费试用，满意后再购买，敢于让客户试用的产品才是好产品。</div>
              </div>
            </div>
            <div class="ys_R wow fadeInRightBig">
              <img class="img-responsive" src="__INDEX__/images/ys_img2.jpg" />
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--about-->

  <!--news-->
  <div class="news">
    <div class="title">
      <h3>新闻中心</h3>
      <p>NEWS CENTER</p>
    </div>
    <ul class="newsList">
      <volist name="news_recommend_list" id="item">
      <li class="newsItem">
        <a href="/newsdetail/{$item.id}">
          <div class="time">
            <p>{:date('Y-m-d',$item.published_time)}</p>
          </div>
          <div class="newsItemText">
            <h6>{$item.post_title}</h6>
            <p>{:mb_substr($item['post_excerpt'],0,18,"utf-8")}…</p>
          </div>
        </a>
      </li>
      </volist>

    </ul>
  </div>
  <!--news-->
  <!--about-->
  <div class="about">
    <div class="title">
      <h3>关于我们</h3>
      <p>ABOUT US</p>
    </div>
    <div class="aboutText">
      {:mb_substr($about['post_excerpt'],0,190,"utf-8")}...
    </div>
  </div>
  <!--about-->
  <!--about-->
  <div class=" shengming">
    <div class="title">
      <h3>郑重声明</h3>
      <p>SOLEMNLY DECLARE</p>
    </div>
    <div class="aboutText" >
      <img style="margin: auto" src="__INDEX__/images/shengming.jpg">
    </div>
  </div>
  <!--about-->
</div>
<!--container-->

  <include file='public@footer'/>

</body>
</html>